.bottom-function {
    overflow: hidden;
    margin-top: 6px;
}
.bottom-function .s-function {
    width: 244px;
    height: 140px;
    float: left;
    background-color: #F9F9F9;
    margin: 0 6px 0 0;
}
.bottom-function .s-function li {
    position: relative;
    width: 122px;
    height: 70px;
    float: left;
}
.bottom-function .s-function li a img {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -12px;
    height: 24px;
    width: 24px;
    /* display: block; */
    /* margin: 15px auto 0; */
}
.bottom-function .s-function li a span {
    position: absolute;
    top: 45px;
    width: 122px;
    text-align: center;
}
.bottom-function .list-ad li a img{
    width: 241px;
    height: 140px;
    margin-right:6px;
    float: left;
    transition: .5s;
}
.bottom-function .list-ad li a img:hover {
    /* box-shadow: 0 10px 15px rgb(0 0 0 / 10%); */
    animation: roll .5s;

}
@keyframes roll {
    0%{
    transform: rotate(0deg);
    }
    25%{
        transform: rotate(-5deg);
        }
    50%{
        transform: rotate(5deg);
    }
    75%{
        transform: rotate(-5deg);
    }
    100%{
        transform: rotate(0deg);
    }
}